<template>
  <view class="privacy-container">
    <view class="header">
      <view class="back" @tap="navigateBack">
        <text class="icon">←</text>
      </view>
      <text class="title">用户服务协议</text>
      <view class="placeholder"></view>
    </view>

    <view class="content-container">
      <rich-text :nodes="content"></rich-text>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      content: ''
    };
  },
  onLoad() {
    // 加载用户服务协议内容
    this.loadUserAgreementContent();
  },
  methods: {
    // 返回上一页
    navigateBack() {
      uni.navigateBack();
    },

    // 加载用户服务协议内容
    loadUserAgreementContent() {
      this.content = `
        <div class="privacy-content">
          <h1>用户服务协议</h1>
          <p class="update-time">更新日期：2023年12月1日</p>
          
          <h2>1. 协议接受</h2>
          <p>欢迎使用我们的酷游宝。通过注册、登录或使用我们的服务，您同意遵守本用户服务协议的所有条款和条件。</p>
          
          <h2>2. 账户注册与管理</h2>
          <p>2.1 您必须年满18周岁才能使用我们的服务。</p>
          <p>2.2 您需要提供真实、准确、完整的个人信息，并在信息变更时及时更新。</p>
          <p>2.3 您应妥善保管账户和密码，对使用您账户进行的所有活动负责。</p>
          <p>2.4 如发现任何未经授权使用您账户的情况，应立即通知我们。</p>
          
          <h2>3. 服务内容</h2>
          <p>我们提供的服务包括但不限于：游戏账号交易、游戏道具交易、游戏币交易等。我们有权根据业务发展调整服务内容。</p>
          
          <h2>4. 用户行为规范</h2>
          <p>4.1 您在使用我们的服务时，必须遵守中华人民共和国法律法规和相关国际公约。</p>
          <p>4.2 您不得利用我们的服务从事以下活动：</p>
          <ul>
            <li>违反国家法律法规的行为。</li>
            <li>侵犯他人知识产权、商业秘密等合法权益的行为。</li>
            <li>发布、传播虚假信息、垃圾信息或有害信息。</li>
            <li>干扰我们的服务正常运行的行为。</li>
            <li>其他违反社会公德或损害他人合法权益的行为。</li>
          </ul>
          
          <h2>5. 交易规则</h2>
          <p>5.1 您应确保发布的交易信息真实、准确、完整。</p>
          <p>5.2 您应按照平台规则完成交易，不得欺诈或恶意破坏交易秩序。</p>
          <p>5.3 我们有权对交易进行审核和监督，如发现违规行为，有权采取相应措施。</p>
          
          <h2>6. 知识产权</h2>
          <p>我们平台上的所有内容，包括但不限于文字、图片、音频、视频、软件等，均受知识产权法律法规保护。未经授权，您不得复制、修改、传播或使用这些内容。</p>
          
          <h2>7. 免责声明</h2>
          <p>7.1 我们不对因网络故障、系统故障、自然灾害等不可抗力因素导致的服务中断或数据丢失承担责任。</p>
          <p>7.2 我们不对用户之间的交易纠纷承担责任，但会尽力协助解决。</p>
          
          <h2>8. 协议变更</h2>
          <p>我们有权随时修改本协议。修改后的协议将在平台上公布，您继续使用我们的服务表示您接受修改后的协议。</p>
          
          <h2>9. 终止服务</h2>
          <p>9.1 如您违反本协议，我们有权暂停或终止向您提供服务。</p>
          <p>9.2 您可以随时申请注销账户，注销后我们将停止向您提供服务。</p>
          
          <h2>10. 法律适用与争议解决</h2>
          <p>本协议的订立、执行、解释及争议的解决均适用中华人民共和国法律。如发生争议，双方应友好协商解决；协商不成的，任何一方均有权向有管辖权的人民法院提起诉讼。</p>
        </div>
      `;
    }
  }
};
</script>

<style scoped>
.privacy-container {
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #f8f8f8;
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 88rpx;
  padding: 0 30rpx;
  background-color: #fff;
  border-bottom: 1rpx solid #e5e5e5;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.back {
  width: 40rpx;
  height: 40rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon {
  font-size: 32rpx;
  color: #333;
}

.title {
  font-size: 36rpx;
  color: #333;
  font-weight: 500;
}

.placeholder {
  width: 40rpx;
}

.content-container {
  padding: 40rpx;
  margin-top: 100rpx;
  flex: 1;
  overflow-y: auto;
}

.privacy-content {
  font-size: 28rpx;
  line-height: 1.8;
  color: #333;
}

.privacy-content h1 {
  font-size: 40rpx;
  color: #333;
  text-align: center;
  margin-bottom: 30rpx;
}

.privacy-content h2 {
  font-size: 32rpx;
  color: #333;
  margin: 30rpx 0 20rpx 0;
}

.privacy-content p {
  margin-bottom: 20rpx;
}

.privacy-content ul {
  padding-left: 40rpx;
  margin-bottom: 20rpx;
}

.privacy-content li {
  margin-bottom: 10rpx;
  list-style-type: disc;
}

.update-time {
  text-align: center;
  color: #999;
  font-size: 26rpx;
  margin-bottom: 40rpx;
}
</style>